@import "normalize";
@import "base";
@import "variable";

// 字体大小设置
.font_dpr(@font-size: 16px) {
  font-size: @font-size;

  [data-dpr= "2"] & {
    font-size: @font-size * 2;
  }
  [data-dpr= "3"] & {
    font-size: @font-size * 3;
  }
}

.header {
  .back img {
    margin-top: 30rem/@base;
  }
  .title {
    overflow: hidden;
    height: 96rem/@base;
    line-height: 96rem/@base;
    color: #fff;
    .font_dpr(16px);
    text-align: center;
  }
}
.main {
  .product {
    li {
      float: left;
      width: 50%;
      border-bottom: 2rem/@base solid #f3f3f3;
      &:nth-child(odd) {
      border-right: 2em/@base solid #f3f3f3;
    }
      a {
        height: 530rem/@base;
        display: block;
        .font_dpr(14px);
        padding: 40rem/@base;
      }
      img {
        width: 280rem/@base;
        height: 280rem/@base;
        margin: 0 auto;
      }
      .title {
        margin-top: 20rem/@base;
        line-height: 40rem/@base;
        height: 80rem/@base;
        font-weight: 700;
        overflow: hidden;
      }
      .price {
        color: #ff9049;
        line-height: 40rem/@base;
      }
      .msg {
        color: #666;
        line-height: 40rem/@base;
      }
    }
  }
}